<!--
 * Tencent is pleased to support the open source community by making BK-JOB蓝鲸智云作业平台 available.
 *
 * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
 *
 * BK-JOB蓝鲸智云作业平台 is licensed under the MIT License.
 *
 * License for BK-JOB蓝鲸智云作业平台:
 *
 *
 * Terms of the MIT License:
 * ---------------------------------------------------
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
 * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
 * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
 * the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT
 * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
 * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
 * IN THE SOFTWARE.
-->

<template functional>
  <div class="job-empty">
    <div>
      <svg
        class="empty-flag"
        preserveAspectRatio="xMidYMid meet"
        viewBox="0 0 200 124">
        <defs xmlns="http://www.w3.org/2000/svg">
          <linearGradient
            id="linearGradient-1"
            x1="51.9445544%"
            x2="52.6331696%"
            y1="48.7187621%"
            y2="51.4040974%">
            <stop
              offset="0%"
              stop-color="#FBFCFD" />
            <stop
              offset="100%"
              stop-color="#F0F2F5" />
          </linearGradient>
          <linearGradient
            id="linearGradient-2"
            x1="50%"
            x2="50%"
            y1="1.17556896%"
            y2="94.7658656%">
            <stop
              offset="0%"
              stop-color="#E6E8EB"
              stop-opacity="0.991668488" />
            <stop
              offset="100%"
              stop-color="#D4D6D9" />
          </linearGradient>
          <linearGradient
            id="linearGradient-3"
            x1="50%"
            x2="50%"
            y1="0%"
            y2="99.2081926%">
            <stop
              offset="0%"
              stop-color="#EDEFF2" />
            <stop
              offset="100%"
              stop-color="#E8EAED" />
          </linearGradient>
        </defs>
        <g>
          <rect
            id="矩形"
            fill="#FFFFFF"
            height="124"
            width="200"
            x="0"
            y="0" />
          <path
            id="Fill-1"
            d="M54.1775342,84.6778378 C68.0697131,81.5528549 89.0557705,80.5111939 102.652371,81.2056346 C116.248972,81.9000752 131.027885,83.9833972 131.027885,83.9833972 C131.027885,83.9833972 134.870403,82.2472955 134.574825,82.9417362 C134.279246,83.6361768 132.505777,84.6778378 133.68809,85.0250581 C134.870403,85.3722784 146.989112,86.7611597 152.013943,87.8028207 C157.038773,88.8444817 159.403399,89.8861426 159.403399,89.8861426 C159.403399,89.8861426 162.704023,83.9833972 169.976598,84.6778378 C169.976598,85.2565941 167.292928,85.9393078 166.411468,87.4542923 C165.530007,88.9692769 163.541495,89.8861426 163.541495,89.8861426 C163.541495,89.8861426 165.092682,89.0192187 167.772033,90.3201509 C170.451384,91.6210831 173,92.1201695 173,92.3166849 C173,92.5132003 171.817687,95.4416678 162.063604,93.3583458 C158.084191,92.3166849 156.152038,97.87221 136.939451,99.2610913 C117.726863,100.649973 85.2132529,101.691634 85.2132529,101.691634 C85.2132529,101.691634 86.6911443,103.774955 89.646927,104.469396 C89.646927,104.469396 87.5778791,106.552718 83.4397833,105.858277 C79.3016875,105.163837 74.8680134,101.691634 74.8680134,101.691634 C74.8680134,101.691634 63.9316173,100.997193 59.7935214,100.302752 C55.6554256,99.6083116 50.9261732,97.87221 47.6748122,97.5249897 C44.4234512,97.1777694 29.6445376,95.4416678 35.2605248,91.6222442 C35.2605248,91.6222442 40.2853554,87.8028207 54.1775342,84.6778378 Z"
            fill="url(#linearGradient-1)" />
          <polygon
            id="路径-3"
            fill="url(#linearGradient-2)"
            points="54 60.625 74.516466 30 125.483534 30 146 60.625 146 79 54 79" />
          <path
            id="形状结合"
            d="M76.1265823,91 L56,91 C54.8954305,91 54,90.1045695 54,89 L54,61 L74.1265823,61 C75.2311518,61 76.1265823,61.8954305 76.1265823,63 L76.1265823,68.75 C76.1265823,69.8043618 76.9424601,70.6681651 77.9773199,70.7445143 L78.1265823,70.75 L121.873418,70.75 C122.92778,70.75 123.791583,69.9341222 123.867932,68.8992623 L123.873418,68.75 L123.873418,63 C123.873418,61.8954305 124.768848,61 125.873418,61 L146,61 L146,89 C146,90.1045695 145.104569,91 144,91 L123.873418,91 L123.873418,91 L76.1265823,91 L76.1265823,91 Z"
            fill="url(#linearGradient-3)" />
          <path
            id="形状结合"
            d="M50.3333333,89 L50.333,95.666 L57,95.6666667 L57,97 L50.333,96.999 L50.3333333,97 L49,97 L49,89 L50.3333333,89 Z"
            fill="#C4C6CC" />
          <path
            id="形状结合备份"
            d="M143.333333,89 L143.333,95.666 L150,95.6666667 L150,97 L143.333,96.999 L143.333333,97 L142,97 L142,89 L143.333333,89 Z"
            fill="#C4C6CC"
            transform="translate(146.000000, 93.000000) rotate(-90.000000) translate(-146.000000, -93.000000) " />
          <g
            id="编组-4"
            fill="#C4C6CC"
            transform="translate(112.820560, 28.099244) rotate(21.000000) translate(-112.820560, -28.099244) translate(111.820560, 18.099244)">
            <rect
              id="矩形"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="0" />
            <rect
              id="矩形备份-6"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="5.61403509" />
            <rect
              id="矩形备份-7"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="11.2280702" />
            <rect
              id="矩形备份-8"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="16.8421053" />
          </g>
          <g
            id="编组-3"
            fill="#C4C6CC"
            transform="translate(64.800914, 41.416055) rotate(-32.000000) translate(-64.800914, -41.416055) translate(63.800914, 28.416055)">
            <rect
              id="矩形"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="0" />
            <rect
              id="矩形备份-2"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="5.61403509" />
            <rect
              id="矩形备份-3"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="11.2280702" />
            <rect
              id="矩形备份-4"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="16.8421053" />
            <rect
              id="矩形备份-5"
              height="2.80701754"
              width="1.38629234"
              x="0"
              y="22.4561404" />
          </g>
          <circle
            id="椭圆形"
            cx="124.5"
            cy="22.5"
            fill="#C4C6CC"
            r="1.5" />
          <circle
            id="椭圆形备份"
            cx="89.5"
            cy="45.5"
            fill="#C4C6CC"
            r="1.5" />
        </g>
      </svg>
    </div>
    <div>
      <slot />
    </div>
  </div>
</template>
<style lang='postcss' scoped>
    .job-empty {
      display: flex;
      padding-top: 47px;
      font-size: 14px;
      line-height: 20px;
      color: #979ba5;
      text-align: center;
      flex-direction: column;
      align-items: center;

      .empty-flag {
        width: 200px;
      }
    }
</style>
